<!-- 封装浅色模板中的折叠面板组件 -->
<template>
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a class="accordion-toggle collapsed" :data-toggle="toggle" :data-parent="parent" :href="href">
                    {{ title }}
                </a>
            </h4>
        </div>
        <div :id="collapseId" class="panel-collapse collapse">
            <div class="panel-body">
                <slot></slot>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    props: {
        title: String,
        toggle: {
            type: String,
            default: 'collapse'
        },
        parent: {
            type: String,
            default: '#accordion'
        },
        href: String,
        collapseId: String
    }
};
</script>
<style scoped>
@import "@/views/personalCenter/css/index.css";
</style>